<script setup>
</script>

<template>
  <router-view v-slot="{ Component }">
    <transition name="custom-fade" mode="out-in">
      <component :is="Component" />
    </transition>
  </router-view>
</template>

<style scoped>
.custom-fade-enter-active,
.custom-fade-leave-active {
  transition: opacity 0.5s ease;
}
.custom-fade-enter-from,
.custom-fade-leave-to {
  opacity: 0;
}
</style>
